<template>
  <div class="user-management">
    <h1>用户管理</h1>
    <el-table :data="users" style="width: 100%">
      <el-table-column prop="id" label="ID" width="180"></el-table-column>
      <el-table-column prop="username" label="用户名" width="180"></el-table-column>
      <el-table-column prop="role" label="角色"></el-table-column>
    </el-table>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      users: [
        { id: 1, username: 'admin', role: '管理员' },
        { id: 2, username: 'user1', role: '普通用户' }
      ]
    };
  }
};
</script>
 
<style scoped>
.user-management {
  padding: 20px;
}
</style>
